<template>
	<app-page>
		
		<Home></Home>
		
		<view class="cu-bar tabbar  bg-white solid-top ">
			<view class="action " :class="tab=='home'?'text-red':''" @tap="clickMeun('home')">
				<view class="cuIcon-homefill"></view> 清单
			</view>
			
			<view class="action text-gray add-action" @tap="clickMeun('add')">
				<button class="cu-btn cuIcon-add bg-red shadow"></button>
				添加
			</view>
			
			<view class="action" :class="tab=='show'?'text-red':''" @tap="clickMeun('show')">
				<view class="cuIcon-we">
					<view class="cu-tag badge"></view>
				</view>
				发现
			</view>
		</view>
	</app-page>
</template>

<script>
	import _mixins from '@/common/mixins';
	import Home from './home'
	export default {
		data() {
			return {
				title: 'Hello',
				tab:'home'
			}
		},
		mixins: [_mixins],
		onLoad() {

		},
		components:{
			Home
		},
		methods: {
			clickMeun(tab) {
				this.tab=tab
				uni.navigateTo({
					url:'/pages/post/index'
				})
			}
		}
	}
</script>

<style>
	.cu-bar{
		bottom: 0;
		right: 0;
		left: 0;
		position: fixed;
	}
</style>
